/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : May 3, 2015, 9:21:04 AM
    Author     : v
*/
input[type="text"],
input[type="password"],
textarea {
    border: 1px solid #795548;
    border-radius: 3px;
    color: #000000;
    font-family: Verdana;
    font-size: 12px;
    padding: 4px;
    width: 100%;
}

button {
    border-radius: 3px;
    cursor: pointer;
    z-index: 0;
}

.save-button,
.cancel-button,
.new-button,
.delete-button,
.grid-button {
    border: medium none;
    box-shadow: 2px 2px 8px #000000;
    color: #FFFFFF;
    font-size: 17px;
    height: 30px;
    margin: 0 5px;
    min-width: 100px;
    padding: 3px;
    position: relative;
    z-index: 1;
}

.save-button  {
    background-color: #00e676;
}

.cancel-button {
    background-color: #ff7043;
}

.new-button {
    background-color: #0277bd;
}

.delete-button {
    background-color: #f02818;
}

.grid-button {
    background-color:#938277 ;
}

.action-buttons {
    height: 5%;
    left: 0;
    position: relative;
    right: 0;
}

.action-buttons button {
    margin-right: 5px;
}

.action-buttons button:active {
    background-color: rgb(240,240,240);
    margin-right: 5px;
}

.mandatory {
    border: 1px solid red !important;
    content: "*";
}

::-webkit-scrollbar {
    width: 12px;
}

::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
    border-radius: 10px;
}

::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
}

/*JScrollPane CSS*/
.jScrollPaneContainer {
    position: relative;
    overflow: hidden;
    z-index: 1;
    padding-right:20px;
}
.jScrollPaneTrack{
    position:absolute;
    cursor:pointer;
    right:0;top:0;
    height:100%
}

.jScrollPaneDrag{
    position:absolute; 
    background:#CCC;
    cursor:pointer;
    overflow:hidden;

    -moz-border-radius:6px;
    -webkit-border-radius:6px;
}

.scroll-pane{padding:0;}
.scroll-pane p{
    -moz-border-radius:6px;
    -webkit-border-radius:6px;
    background:#232323;
    padding:12px;
    color:#CCC;
    font-size:14px;
    line-height:16px;
}

.hscroll-vertical-scrollbar .mCustomScrollBox{
    max-width: calc(100% - 0px);
}

.hscroll-vertical-scrollbar .mCSB_container {
    max-width: 100%;
    min-width: 100%;
}

.mCSB_container div div:first-child {
    margin-top: 0;
}

.hscroll-horizontal-scrollbar .mCSB_container{
    height: calc(100% - 16px);
}

.hscroll-horizontal-scrollbar .mCustomScrollBox{
    min-height: calc(100% - 16px);
}

.hscroll-horizontal-vertical-scrollbar .mCustomScrollBox{
    max-height: calc(100% - 16px);
    max-width: calc(100% - 16px);
}

#myFlextableScroll {
    max-height: 348px;
}
/*
.items-grid div {
    max-height: 345px;
}*/

.flexttable tr:hover:not(.flextable-header),
.flexttable-product tr:hover:not(.flextable-header),
.flexttable-itens tr:hover:not(.flextable-header),
.flexttable-person tr:hover:not(.flextable-header){
    background-color: #CCCCCC;
}

.flextable-column-label {
    border: 2px solid;
    border-collapse: separate;
    color: #FFFFFF;
    padding: 3px;
    text-align: center;
}
.flextable-column-label-cell {
    border-color: #FFFFFF;
    border-style: solid;
    border-width: 1px;
    margin: 0;
    padding: 0;
    text-align: center;
}
.flextable-cell {
    border-color: #F0F0F0;
    border-style: solid;
    border-width: 3px 0 0 2px;
    padding: 5px;
}

.flextable-header {
    background-color: #4db6ac;
    text-align: center;
}

.flextable-cell img {
    cursor: pointer;
    text-align: center;
    margin-left: 35%;
}

.gwt-PopupPanel {
    padding: 3px;

    color: infotext;

    background: url("images/button.png") repeat-x;
    background-color: infobackground;

    border: 1px solid highlight;

    -moz-box-shadow: threedshadow 3px 3px 12px 0;
    -webkit-box-shadow: threedshadow 3px 3px 12px 0;
    box-shadow: threedshadow 3px 3px 12px 0;
}

.ui-accordion .ui-accordion-content {
    width: 100%;
}